<template>
    <div class="loading_container"
    v-show="visible">
        <div class="loading_warrp">
            <div class="loading_content">
                <img src="./timg.gif" alt="">
                正在刷新
            </div>
            <!-- <div>正在加载</div> -->
        </div>
        
    </div>
</template>

<script>
export default {
    props:{
        isShow:{
            type:Boolean,
            default:false
        }
    },
    data() {
        return {
             visible:false
        }
    },
    methods:{
        close(){
            this.visible=false
        }
    }
}
</script>
<style lang="scss">
.loading_container{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.3);
    z-index: 9999999;
}
.loading_warrp{
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.loading_content{
    width: 60vw;
    text-align: center;
}
.loading_content img{
    width: 100%
}
    
</style>